<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--允许全屏-->
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="apple-touch-fullscreen"/>
<!--禁止电话和邮箱的识别-->
<meta name="format" content="telephone=no,email=no">
<meta name="viewport" content="width=device-width,maximum-sacle=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no" />
<title>上大计算机学院微信平台</title>
<link rel="stylesheet" href="__ROOT__/Public/css/main.css">
<script src="__ROOT__/Public/js/jquery.min.js"></script>
<link href="__ROOT__/Public/css/bootstrap.min.css" rel="stylesheet">
<script src="__ROOT__/Public/js/base64.js"></script>
<script src="__ROOT__/Public/js/bootstrap.min.js"></script>
    <!--<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.css" rel="stylesheet">-->
<style>
    body,div {
        margin: 0;
        padding: 0;
    }
    body {
        min-width: 320px;
        font: normal 14px/1.5 Helvetica,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;,"Lucida Grande",Verdana,STXihei,hei;
        -webkit-tap-hightlight-color: rgba(0,0,0,0);
        -webkit-font-smoothing: antialiased;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -webkit-text-size-adjust: 100%;
    }
    html,body {
        height: 100%;
    }
    a {
        text-decoration: none;
    }

    .navbar {
        padding: 15px 5px 5px;
        font-size: 15px;
    }
    .navbar .row {
        margin-bottom: 5px;
        height: 100px;
        font-size: 0;
    }
    .navbar .wrap {
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .row .col {
        display: inline-block;
        box-sizing: border-box;
        width: 33%;
        font-size: 15px;
        text-align: center;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        height: 100%;
        line-height: 6em;
        color: #fff;
        text-shadow: 0 2px 1px rgba(0,0,0,.2);
    }
    .row .col a {
        font-size: 16px;
        text-align: center;
        font-weight: 700;
        height: 100%;
        line-height: 6em;
        color: #fff;
        text-shadow: 0 2px 1px rgba(0,0,0,.2);
    }
    .row:nth-child(1) .col {
        background-color: #ff697a;
    }
    .row:nth-child(1) .col:first-child,.row:nth-child(2) .col:first-child,.row:nth-child(3) .col:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .row:nth-child(2) .col {
        background-color: #3d98ff;
    }
    .row:nth-child(3) .col {
        background-color: #44c522;
    }
    .row:nth-child(1) .col:last-child,.row:nth-child(2) .col:last-child,.row:nth-child(3) .col:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .tool-box {
        padding-bottom: 5px;
        border-top: 1px solid #ccc;
    }
    .tool-box p {
        margin: 0;
        padding: 15px 0;
        color: #999;
        font-size: 12px;
    }
</style>
</head>
<body class="page-swipe">
    <div id="myCarousel" class="carousel slide">

       <!-- 轮播（Carousel）项目 -->
       <div class="carousel-inner">
          <div class="item active">
             <img src="__ROOT__/Public/images/explorations1.jpg" alt="First slide">
          </div>
          <div class="item">
             <img src="__ROOT__/Public/images/explorations2.jpg" alt="Second slide">
          </div>
          <div class="item">
             <img src="__ROOT__/Public/images/explorations3.jpg" alt="Third slide">
          </div>
       </div>
       <!-- 轮播（Carousel）导航 -->
       <a class="carousel-control left" href="#myCarousel"
          data-slide="prev">&lsaquo;</a>
       <a class="carousel-control right" href="#myCarousel"
          data-slide="next">&rsaquo;</a>
    </div>

<!-- <a href="{:U('Article/articleList')}">资讯中心</a>
<a href="#">学习天地</a>
<a href="#">校友专区</a>
<include file="Public/footer" /> -->

<div class="navbar">
    <div class="wrap">
        <div class="row">
            <div class="col">
                <span class="glyphicon glyphicon-home"></span>
                <a href="{:U('Article/articleList')}">资讯中心</a> </div>
            <div class="col"><a href="wechat.html">学习天地</a></div>
            <div class="col"><a href="{:U('Schoolmate/home')}">校友专区</a></div>
        </div>
        <div class="row">
            <div class="col"><a href="wechat.html">敬请期待</a></div>
            <div class="col"><a href="wechat.html">敬请期待</a></div>
            <div class="col"><a href="wechat.html">敬请期待</a></div>
        </div>
        <!-- <div class="row">
            <div class="col"><a href="wechat.html">敬请期待</a></div>
            <div class="col"><a href="wechat.html">敬请期待</a></div>
            <div class="col"><a href="wechat.html">敬请期待</a></div>
        </div> -->
    </div>
</div>
<footer class="tool-box">
    <p>©<label id="yearHomepage">2015</label> 上海大学计算机学院</p>
</footer>


</body>

</html>
